<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="../js/flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/longon.css" />
		<link rel="shortcut icon" href="https://s02.mifile.cn/assets/static/image/logo-mi2.png" type="image/x-icon" />
	</head>
	<body style="height: 100vh;">
		
		<div class="viewport-box">
			
		<div></div>
		<div class="centre-box">
				<div>
				<img src="../img/xiaomi.jfif" />
				</div>
				<div>
					<span>让每个人都能享受科技的乐趣</span>
				</div>
		</div>
		<div>
			<span>小米账号登录</span>
		</div>
		<div>
			<form>
				<div>
					
					<span>+86</span>
					<input class="inpt" type="text" placeholder="请输入电话号码"/>
				</div>
				<div><span>1</span></div>
				<div>
					<input type="radio"  /><span>已阅读并同意小米账号<a href="#">用户协议</a>和<a href="#">隐私政策</a></span>
				</div>
				<div>
					<button type="submit">下一步</button>
				</div>
				<div>
					<a href="password.html" style="color: #0B84FF;">忘记账号？</a>
				</div>
				<div>
					<span><a href="long.html" style="color: rgba(0, 0, 0, 0.5);">用户名密码登录</a>|<a href="register .html"  style="color: rgba(0, 0, 0, 0.5);">立即注册</a></span>
				</div>
			</form>
		</div>
				
		</div>
	</body>
</html>
